<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
    <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
    <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
    <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <!-- 不允许缩放的1:1显示 -->
    <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
    <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
    <meta name="keywords" content="">
    <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>丽娟教育</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/index.js"></script>
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
</head>

<body>
    <div class="heads">
        <script>
            $(".heads").load("head3.html");
        </script>
    </div>
    <div class="line"></div>
    <div class="means_item pers-img">
        <a href="javascript:;">
            <div class="means_lf">
                我的头像
            </div>
            <div class="means_rt">
                <img src="images/second/pren.jpg" alt=""> >
            </div>
        </a>

    </div>
    <div class="line"></div>
    <div class="means_item">
        <a href="#">
            <div class="means_lf">
                我的昵称
            </div>
            <div class="means_rt">
                用户名1234 >
            </div>
        </a>
    </div>
    <div class="means_item">
        <a href="#">
            <div class="means_lf">
                我的姓名
            </div>
            <div class="means_rt">
                张三 >
            </div>
        </a>
    </div>
    <div class="means_item sex">
        <a href="javascript:;">
            <div class="means_lf">
                我的性别
            </div>
            <div class="means_rt">
                男 >
            </div>
        </a>
    </div>
    <div class="line"></div>
    <div class="means_item">
        <a href="#">
            <div class="means_lf">
                手机号码
            </div>
            <div class="means_rt">
                151****2119 >
            </div>
        </a>
    </div>
    <div class="means_item">
        <a href="#">
            <div class="means_lf">
                常用邮箱
            </div>
            <div class="means_rt">
                8714***04@qq.com >
            </div>
        </a>
    </div>

    <div class="tui huibg">

    </div>

    <div class="bounce" id="bounce">
        <div>
            <ul>
                <li>
                    选择操作
                </li>
                <li>拍照
                    <div class="chose-pic">
                        <input type="file" accept="image/*;capture=camera">
                    </div>
                </li>
                <li>从相册选取照片
                    <div class="chose-pic">
                        <input type="file" accept="images/*">
                    </div>
                </li>
                <li class="last-qx"><a href="javascript:;" class="btns miss">取消</a></li>
            </ul>
        </div>
    </div>
    <div class="bounce" id="sexs">
        <div>
            <ul>
                <li class="chose-btn">
                    <a href="#" class="miss">取消</a> <button>完成</button>
                </li>
                <li>男
                    <div class="chose-pic">
                        <input type="radio">
                    </div>
                </li>
                <li class="nchose">女
                    <div class="chose-pic">
                        <input type="radio">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <script>
        $(".pers-img").click(function () {
            $("#bounce").show(300);
        });
        $('.miss').click(function () {
            $('.bounce').hide(300);
        });
        $(".sex").click(function () {
            $("#sexs").show(300);
        })
    </script>
</body>